<script setup lang='ts'>
import { ref, reactive, computed, onBeforeMount, onMounted, onBeforeUnmount, onUnmounted } from 'vue'

const number = ref(0)

const object = reactive({ 
   type: 1,
   name: 2
})

const formatValue = computed(() => {
   return false
})

onMounted(() => {
   console.log('number', number.value)
   console.log('object', object.name)
   console.log('formatValue', formatValue)
})

onBeforeMount(() => {})

// Vue2 里叫 beforeDestroy
onBeforeUnmount(() => {})

// Vue2 里叫 destroyed
onUnmounted(() => {})

</script>

<template>
   <div class='app-container'>
	   欢迎来到德玛西亚
   </div>
</template>

<style lang='scss' scoped>

</style>
